<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>完美运动</title>
        <style>
            #div1{
                width: 100px;
                height: 100px;
                opacity: 0.6;
                filter: alpha(opacity:60);
                background: red;
            }
        </style>
        <script src="js/common.js" ></script>
        <script src="js/movePerfect.js" ></script>
        <script>
            window.onload=function () {
                var div1 = document.getElementById("div1");
                bufferingMotion(div1,{
                    "width":101,
                    "height":200,
                    "opacity":100
                },function () {
                    bufferingMotion(div1,{
                        "width":100,
                        "height":100,
                        "opacity":60
                    })
                });
            }
        </script>
    </head>
    <body>
        <div id="div1"></div>
    </body>
</html>